@charset "utf-8";
body {
	font-size: 18px;
}
/*ie内核下删除input自带的X*/
input::-ms-clear{display:none;}
/** 首页 */
/*导航部分*/
.nav {
	width: 100%;
	height: 80px;
	box-shadow: 0 3px 3px 0 #CCC;
	background: #FFF;
	position: fixed; left: 0; top: 0;
	z-index: 999;
	transition: 0.3s
}
.nav.index {
	background: rgba(255, 255, 255);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.nav.scroll {
	background: #FFF;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
	transition: 0.3s
}
.nav .layui-container {
	height:100%;
	position: relative;
	transition: all 400ms ease-out;
}
.nav .nav-logo {
	width:auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 80px;
	display:inline-block;
}
.nav .nav-logo a{
	width: 80px;
	height: 26px;
	opacity: 1;
	font-size: 20px;
	font-family: Microsoft YaHei;
	color: rgba(51,51,51,1);
	letter-spacing: 0px;
	padding-right:20px;
}
.nav .nav-logo a img{
	max-width: 110px;
	max-height: 34px;
}

.nav .nav-logo img{width:100%}
.nav .nav-list {
	display: inline-block;
	height: 80px;
}

.nav .nav-list button {
	width: 25px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}
.nav .nav-list button span {
	display: block;
	width: 25px;
	height: 2px;
	background: #1E9FFF;
	margin-bottom: 6px;
	transition: 0.5s;
}
.nav .nav-list button span.spa1 {
	transform: rotate(45deg);
}
.nav .nav-list button span.spa3 {
	transform: rotate(-45deg) translate(5px, -5px);
}
.nav .layui-nav {
	width: 50%;
	position: absolute;
	top: 80px;
	left: 10%;
	color: #000;
	background: transparent;
}

.nav .layui-nav .layui-nav-item {
	display: block;
	line-height: 40px;
}
.nav .layui-nav * {
	font-size: 16px;
}
.nav .layui-nav .layui-nav-item>a {
	padding: 0 20px;
	color: #000;
}
/* .nav .layui-nav .layui-nav-item .layui-nav-more {
	right: -15px;
} */
.nav .layui-nav .layui-nav-item .layui-nav-child a {
	font-size: 0.7em !important;
}
.nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
	height: 2px;
	background-color: #1E9FFF;
}
.nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover {
	color: #1E9FFF;
}
.nav .nav-searchBox{
	width: 200px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 12px;
}
.nav .nav-searchBox .layui-input{
	background:rgba(232,232,232,1);
	color: rgba(112,112,112,1);
}
.nav .nav-searchBox .layui-input::-webkit-input-placeholder {
	color: rgba(112,112,112,1);
}
.nav .nav-searchBox .layui-input:-moz-placeholder {
	color: rgba(112,112,112,1);
}
.nav .nav-searchBox .layui-input::-moz-placeholder {
	color: rgba(112,112,112,1);
}
.nav .nav-searchBox .layui-input:-ms-input-placeholder {
	color: rgba(112,112,112,1);
}

.nav .nav-searchBox .nav-search{
	position: absolute;
	right: 5%;
	top: 25%;
	cursor: pointer;
}
/*导航二级菜单*/
#navDiv{
	overflow: auto;
	text-align: left ;
}
#navDiv .atag{
	cursor: pointer;
}
.navDiv{
	position: fixed;
	top: 80px;
	left: 0;
	display: none;
	background:rgba(247,248,249,1);
	box-shadow:0 3px 10px 0 rgba(255, 255, 255, 1)
}
.navDiv>div{
	padding:10px;
}
.imgBox{
	width: 60px;
	height: 60px;
	display: inline-block;
	position: relative;
	left: 0;
}
.imgBox img{
	width:100%;
}
.textBox{
	display: inline;
}

/*底部*/
.footer {
	color:rgba(102,102,102,1);
	overflow: hidden;
	width: 100%;
	height: 290px;
	opacity: 1;
	background: rgba(229,229,229,1);
	padding-top: 10px;
}
.footer .foot-copyright {
 	padding:20px 0 20px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0px;
	height:65px;
	border-top: 1px solid rgba(187,187,187,1);
}
.footer .foot-copyright p {
	padding: 5px 0;
}

.footer .foot-title {
	padding-top: 30px;
	padding-bottom: 20px;
	line-height: 24px;
    font-size: 18px;
}
.footer .foot-about {
	padding-bottom: 15px;
	line-height: 17px;
	opacity: 1;
	font-size: 14px;
	letter-spacing: 0px;
}
.footer .foot-contact {
	padding-bottom: 15px;
	line-height: 17px;
	opacity: 1;
	font-size: 14px;
	letter-spacing: 0px;
}
.footer .follow-us {
	text-align: right;
	padding-bottom: 30px;
}
.footer .follow-us .foot-title {
	padding: 30px 40px 20px 0;
	line-height: 24px;
	font-size: 18px;
	text-align: right;
}
.footer .follow-us .foot-icon .iconspan{
	display: inline-block;
	text-align: left;
	width: 120px;
	line-height: 30px;
}
.footer .follow-us .foot-icon .layui-icon{
	height: 30px;
	font-size: 30px;
	padding-bottom: 15px;
	line-height: 30px;
	opacity: 1;
	letter-spacing: 0px;
}
.footer .follow-us .foot-icon .iconspan .txtfont{
	font-size: 14px !important;
	width: 80px;
	display: inline-block;
	line-height: 30px;
	position: relative;
    bottom: 6px;
}

.layui-icon.layui-icon-login-weibo{
	color:#F05A5A;
}
.layui-icon.layui-icon-login-qq{
	color:#29B4E8;
}
.layui-icon.layui-icon-login-wechat{
	color: #00BB29;
}

/*layui源码样式修改*/
@font-face {
	font-family: mine-icon;
	src: url(../../index/font/font/iconfont.eot);
	src: url(../../index/font/font/iconfont.eot?#iefix) format('embedded-opentype'),
		url(../../index/font/font/iconfont.woff) format('woff'),
		url(../../index/font/font/iconfont.ttf) format('truetype'),
		url(../../index/font/font/iconfont.svg#iconfont) format('svg');
}
.mine-icon {
	font-family: mine-icon !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.layui-nav .layui-nav-more {
	content: '';
	width: 0;
	height: 0;
	border-style: solid dashed dashed;
	border-color: #fff transparent transparent;
	overflow: hidden;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -3px;
	border-width: 6px;
	border-top-color: rgba(0, 0, 0, .7);
}
.layui-nav .layui-nav-child{
	z-index: 1001;
	max-height: 360px;
	width: 100%;
	text-align: center;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {
	margin-top: -9px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #333
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
	background-color:#1E9FFF;
	color:#fff !important;
}
.layui-tab{
	margin:0;
}
.layui-tab-brief>.layui-tab-title .layui-this {
	color: #1E9FFF;background-color:#fff;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after
	{
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #fff
}
.layui-tab-title{
	height:80px;
	background:#F6F4F3;
	border-bottom:none;
	text-align:center;
}
.layui-tab-title li{
	line-height:80px;
	font-size:18px;
	padding:0 10%;
}
.layui-tab-title .layui-this:after{
	height:80px;
}
.product-category-tab{padding:0 150px;}
.layui-input{
	height: 36px;
	background-color:#e8e8e8;
	font-size: 14px;
	font-family: Microsoft YaHei;
	color: rgba(153,153,153,1);
	border-radius:18px;
}
@media screen and (max-width: 360px) {
	.nav .layui-nav .layui-nav-item>a {
		padding: 3px 20px;
		color: #000;
    }
    .nav {
	    width: 100%;
	    height: 45px;
		position:fixed;
		top:0;
		left:0;
		right:0;
	    box-shadow: 0 3px 3px 0 #CCC;
	    background: #FFF;
	    z-index: 999;
	    transition: 0.3s;
	}
	.nav .nav-logo {
	    width: 25%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 10px;
	    line-height: 45px;
	}
	.nav .layui-nav {
	    width: 100%;
	    position: absolute;
	    top: 100px;
	    left: 0;
	    color: #000;
		text-align:left;

	}
	.nav .nav-searchBox{
		display:none;
	    position: absolute;
	    left: 0;
	    top: 55px;
	    width: 100%;
	    padding: 0 15px;
	    box-sizing: border-box;
	}
	.nav .nav-searchBox .nav-search {
	    position: absolute;
	    right: 26px;
	    top: 25%;
	    cursor: pointer;
	}
	nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
	    height: 2px;
	    background-color: #fff;
	}
	.layui-tab-title{
	height:45px;
    }
}
@media screen and (max-width: 480px) {
	.nav .layui-nav .layui-nav-item>a {
		padding: 3px 20px;
		color: #000;
	}
	nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
	    height: 2px;
	    background-color: #fff;
    }
	.nav .layui-nav .layui-nav-item{
		display:none;
	}
	.nav .layui-nav .layui-nav-item.layui-this a{
		color:#1e9fff;
	}
	.nav {
	    width: 100%;
	    height: 45px;
		position:fixed;
		top:0;
		left:0;
		right:0;
	    width: 100%;
	    height: 45px;
	    box-shadow: 0 3px 3px 0 #CCC;
	    background: #FFF;
	    z-index: 999;
	    transition: 0.3s;
	}
	.nav .nav-logo {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 10px;
	    line-height: 45px;
	}

	.nav .layui-nav {
	    width: 100%;
	    position: absolute;
	    /* top: 100px; */
	    left: 0;
	    color: #000;
		text-align:left;
	}
	.nav .nav-searchBox{
		display:none;
	    position: absolute;
	    left: 0;
	    top: 55px;
	    width: 100%;
	    padding: 0 15px;
	    box-sizing: border-box;
	}
	.nav .nav-searchBox .nav-search {
        position: absolute;
        right: 26px;
        top: 25%;
        cursor: pointer;
    }

    .layui-tab-title{
	height:45px;
    }
    .layui-nav-more {
		display: none
	}
}
/*小屏幕*/
@media screen and (max-width: 767px) {
	.layui-tab-title{
	height:45px;
	}
	.layui-tab-title .layui-this:after{
	height:45px;
	}
	.layui-tab-title li{
		padding:0;
		width:33%;
		line-height:45px;
	}
	.nav {
		height: 45px;
	}
  	.nav .layui-nav .layui-nav-item>a {
		padding: 3px 20px;
		color: #000;
	}
	.nav .nav-searchBox{
		display:none;
	    position: absolute;
	    left: 0;
	    top: 55px;
	    width: 100%;
	    padding: 0px 15px;
	    box-sizing: border-box;
    }
    .nav .nav-searchBox .nav-search {
        position: absolute;
        right: 26px;
        top: 25%;
        cursor: pointer;
    }
    .nav .layui-nav-bar, .nav .layui-nav .layui-this:after {
	    height: 2px;
	    background-color: #fff;
	}
	.layui-nav-more {
		display: none
	}
	.nav .layui-nav .layui-nav-item{
		display:none;
	}
	.nav .layui-nav .layui-nav-item.layui-this a{
		color:#1e9fff;
	}
	.nav .nav-logo {
        width:25%;
        height: 45px;
        position: absolute;
        top: 0;
        left: 10px;
        line-height: 45px;
	}
	/* .nav .nav-logo a img{
		max-height: 18px;
		max-width: 64px;
	} */
	.nav .layui-nav {
		width: 100%;
		text-align: left;
	    position: absolute;
	    /* top: 100px; */
	    left: 0;
	    color: #000;
	    background: transparent;
		text-align:left;
	}
	#navDiv{
		top: 45px;
	}

	.footer {height: 100%;}
	.footer .follow-us, .footer .follow-us .foot-title{
		text-align: left;
	}
	.footer .foot-copyright{
		font-size: 14px;
	}
}
@media screen and (min-width: 768px){
	.nav.index {
		background: rgba(255, 255, 255);
	}

	.nav .nav-list button {
		display: none;
	}
	.nav .layui-nav {
		width:50%;
		position: absolute;
		top: 0;
		padding: 0 15%;
		border-radius: 0;
		margin: 0;
		left: 10%;
	}
	.nav .nav-searchBox{
		top:22px;
	}
}
/*大屏幕*/
@media screen and (min-width: 992px) {
	.nav .layui-nav .layui-nav-item {
		display: inline-block;
		line-height: 80px;
	}
	.nav .layui-nav {
		width:62%;
		position: absolute;
		top: 0;
		padding: 0 5%;
		border-radius: 0;
		margin: 0;
	}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1300px) {
	.layui-container {
		width: 1200px;
		padding: 0;
	}
	.layui-col-space80 {
		margin: -40px;
	}
	.layui-col-space80>* {
		padding: 40px;
	}
}

/*右边栏 浮动栏*/
.layui-fixbar .layui-icon{
    font-size: 36px;
    padding: 1px;
}
.layui-fixbar li{
	background: rgba(0, 0, 0, 0) !important;
	opacity: 0.8;
}
.layui-icon.phone{
	color:#29b4e0;
}
.layui-icon.layui-icon-login-qq{
	color:#29B4E8;
}
.layui-icon.layui-icon-login-wechat{
	color: #00BB29;
}
/**/